
<html>  
<head>  
	<meta charset="utf-8">  
	<title>坐标轴</title>  
</head> 

<style>
.axis path,
.axis line{
	fill: none;
	stroke: black;
	shape-rendering: crispEdges;
}

.axis text {
	font-family: sans-serif;
	font-size: 11px;
}
</style>

<body>  
<script src="https://cdn.bootcss.com/d3/3.5.17/d3.min.js" charset="utf-8"></script>  
<script>

        var width = 1000;	//画布的宽度
		var height = 1000;	//画布的高度

		var svg = d3.select("body")				//选择文档中的body元素
            .append("svg")				//添加一个svg元素
            .attr("width", width)		//设定宽度
            .attr("height", height);	//设定高度
        var data_set1 = [1,2,3,4,5,6];
        var data_set2 = [100,200,300,400,500,600];
        // 先声明一个比例尺
        var linear = d3.scale.linear().domain([d3.min(data_set1), d3.max(data_set1)]).range([d3.min(data_set2), d3.max(data_set2)]);
        // 然后用比例尺初始化坐标轴
        var axis = d3.svg.axis().scale(linear).orient('bottom').ticks(7);
        // 然后将坐标轴应用到某个对象上
        svg.append('g').call(axis);
</script>  	
</body>  
</html>  